@import "@/styles/variables.less";

.swipeable-card {
  position: relative;
  user-select: none;
  border-radius: @small-radius;
  overflow: hidden;
  box-shadow: @light-shadow;
  .swipeable-card-action {
    position: absolute;
    display: flex;
    align-items: center;
    inset: 0px;
  }

  .swipeable-card-action-del {
    background-color: @danger-color;
    justify-content: flex-end;
    padding-right: @size-2;
  }
  .swipeable-card-action-edit {
    background-color: @primary-color;
    justify-content: flex-start;
    padding-left: @size-2;
  }
  .swipeable-card-content {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}
